<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="fdcolumn">
    <header>
        <p  class="fdrow acenter">
            <span class="iconfont icon-guanbi return"></span>
            <span class="title">个人资料</span>
        </p>
    </header>
    <main>
        <div class="header fdrow jbetwen acenter">
            <div>更换头像</div>
            <p>
                <label>
                    <img src="../../assets/imgs/headerPic.jpg" alt="" id="headPic">
                    <input type="file" class="upLoad" id="picBox">
                </label>

            </p>
        </div>
        <div class="choese"> <span>昵称</span> <input type="text" id="nickTxt"></div>

        <div class="choese" id="sex"><span>性别</span> <span id="sexTxt">请选择性别</span></div>
        <div class="choese" id="birthday"><span>生日</span> <span id="birthdayTxt">请选择生日</span></div>
        <div class="choese" id="province"><span>所在省份</span> <span id="provinceTxt">请选择省份</span></div>
        <div class="choese" id="city"><span>所在城市</span> <span id="cityTxt">请选择城市</span></div>

        <div class="choese dec">个人简介</div>
        <div class="inp">
            <textarea name="" id="writeText" cols="30" rows="10" placeholder="若说人生无悔,那该有多遗憾-"></textarea>
           <div class="text">
            <span id="write">0</span>
            / <span>200</span>字
        </div> 
        </div>
        <div class="choese save"><button id="btn">保存</button></div>
    </main>


</body>

</html>